$--el-menu-active-color: #922575;

$--el-menu-hover-text-color: #863535;
$--el-menu-bg-color: transparent;
$--el-menu-hover-bg-color: transparent;


$--idoo-primary-active-color: #922575;

:root {
    --el-menu-hover-bg-color: transparent;
    --el-menu-active-color: #922575;
    --el-menu-hover-text-color: #922575;

    --el-color-primary-dark-2: #f1edf0;
    --el-color-primary: #714B67;
    --el-color-primary-light-3: #52374b;
}

.el-table th {
    background-color: #714B67 !important;
}

.el-table thead {
    color: white !important;
}

.el-table__body-wrapper tbody tr:hover {
    cursor: pointer;
}

//表单中的input 
.el-input.idoo-details-input {
    & .el-input__wrapper {
        border: none !important;
        box-shadow: none !important;
    }

    &:hover .el-input__wrapper {
        border-bottom: 1px solid grey !important;
    }

    &:focus-within .el-input__wrapper {
        border-bottom: 1px solid #714B67 !important;
        outline: none;
    }
}

.el-select.idoo-details-select {
    & .el-select__wrapper {
        border: none !important;
        box-shadow: none !important;
    }

    &:hover .el-select__wrapper {
        border-bottom: 1px solid grey !important;
    }

    &:focus-within .el-select__wrapper {
        border-bottom: 1px solid #714B67 !important;
        outline: none;
    }
}
.el-button {
    --el-button-hover-bg-color :var(--el-color-primary) !important;
    --el-button-hover-border-color : var(--el-color-primary) !important;
    --el-button-hover-text-color : white !important;
}
//按钮 全局修改FFFF
//type = primary
.el-button--primary {
    --el-button-active-border-color: #922575 !important;
    --el-button-active-text-color: #714B67 !important
}

// type = idoo-details : details的按钮样式效果   使用方式 ： <el-button class="idoo-details-add" />
.el-button.idoo-details-add {
    --el-button-text-color: var(--el-color-primary);
    --el-button-bg-color: #f1edf0;
    --el-button-border-color: var(--el-color-primary);
    --el-button-outline-color: var(--el-color-primary-light-5);
    --el-button-active-color: #f1edf0;
    --el-button-active-bg-color: var(--el-color-primary);
    --el-button-active-border-color: var(--el-color-primary);
    --el-button-hover-text-color: #f1edf0;
    ;
    --el-button-hover-link-text-color: var(--el-color-primary-light-5);
    --el-button-hover-bg-color: var(--el-color-primary);
    --el-button-hover-border-color: var(--el-color-primary);
    //没修改 disable属性
    --el-button-disabled-text-color: var(--el-color-white);
    --el-button-disabled-bg-color: var(--el-color-primary-light-5);
    --el-button-disabled-border-color: var(--el-color-primary-light-5);
}

.el-button.idoo-details-button {
    --el-button-text-color: var(--el-color-primary);
    --el-button-bg-color: white;
    --el-button-border-color: #d8dadd;
    --el-button-outline-color: var(--el-color-primary-light-5);
    --el-button-active-color: #f1edf0;
    --el-button-active-bg-color: var(--el-color-primary);
    --el-button-active-border-color: var(--el-color-primary);
    --el-button-hover-text-color: var(--el-color-primary);
    --el-button-hover-link-text-color: var(--el-color-primary-light-5);
    --el-button-hover-bg-color: #f1edf0;
    --el-button-hover-border-color: var(--el-color-primary);
    //没修改 disable属性
    --el-button-disabled-text-color: var(--el-color-white);
    --el-button-disabled-bg-color: var(--el-color-primary-light-5);
    --el-button-disabled-border-color: var(--el-color-primary-light-5);
}

// .el-menu--horizontal>.el-menu-item.is-active {
//     border-bottom: 0px;
//     color: $--el-menu-active-color !important;
// }

.el-button,
.el-button.is-round {
    padding: 17px 14px;
}


.el-sub-menu__title {
    padding: 20px !important
}



.el-rate {
    --el-rate-fill-color : var(--el-color-primary) !important;
}

/* ==================== 全局 Dialog 统一样式 ==================== */
/* 标题栏使用主题色，标题文字白色并优化字体体验 */
.el-dialog {
    position: relative;
    overflow: hidden; /* 让标题背景覆盖到圆角边缘，无缝铺满 */
}

/* 使用伪元素确保标题背景绝对铺满至圆角边缘 */
.el-dialog::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 56px; /* 贴合默认 header 高度，避免露白 */
    background: var(--el-color-primary);
    border-top-left-radius: var(--el-dialog-border-radius);
    border-top-right-radius: var(--el-dialog-border-radius);
    pointer-events: none;
    z-index: 0;
}

.el-dialog__header {
    position: relative;
    z-index: 1; /* 盖在 ::before 之上，保证文字与按钮可见 */
    display: flex;
    align-items: center; /* 垂直居中标题 */
    background: transparent !important; /* 由 ::before 提供背景，避免缝隙 */
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    // padding: 16px 56px 12px 20px !important; /* 右侧为关闭按钮预留空间 */
    margin: 0 !important;
    min-height: 56px; /* 与 ::before 高度对齐，避免高度差 */
    padding-top: 0px !important; /* 整体上移：减小顶部内边距 */
    padding-bottom: 30px !important;
    border-top-left-radius: var(--el-dialog-border-radius);
    border-top-right-radius: var(--el-dialog-border-radius);
}

.el-dialog__headerbtn { z-index: 2; }

/* 关闭按钮垂直水平对齐到标题栏 */
.el-dialog__headerbtn {
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(calc(-50% - 3px)); /* 关闭按钮随标题整体上移 */
    padding-bottom: 20px;
}

/* 标题文本不被偏移，保持单行更美观 */
.el-dialog__title {
    flex: 1 1 auto;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.el-dialog__title {
    color: #fff !important;
    font-weight: 600 !important;
    letter-spacing: 0.3px;
    /* 兼容中英文字体，提升可读性 */
    font-family: "Segoe UI", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
}

/* 关闭按钮改为浅色 */
.el-dialog__headerbtn .el-dialog__close {
    color: rgba(255, 255, 255, 0.95) !important;
}
.el-dialog__headerbtn:hover .el-dialog__close {
    color: #fff !important;
}

/* 底部按钮区域居中 */
.el-dialog__footer {
    text-align: center !important;
    padding: 16px 20px !important;
}

/* Footer 内按钮间距微调，保持美观 */
.el-dialog__footer .el-button + .el-button {
    margin-left: 12px;
}